<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 

<style>
/**
font-family: 属性设置文本的字体系列, font-family属性应该设置几个字体名称作为一种"后备"机制，如果浏览器不支持第一种字体，他将尝试下一种字体。
font-size: 指定文本的字体大小
font-style: 指定文本的字体样式
font-variant: 以小型大写字体或者正常字体显示文本。
font-weight: 指定字体的粗细。
*/

#fontFamilyExample {
    font-family: "Times New Roman", Times, serif;
}

#fontStyleWithNormalExample {
    font-style: normal;
}
#fontStyleWithItalicExample {
    font-style: italic;
}
#fontStyleWithObliqueExample {
    font-style: oblique;
}

#fontSizeExample {
    font-size: 16px;
}
#fontSizWithEmeExample {
    font-size: 2.5em;
}
</style>
</head>
<body>
<h1 id="fontFamilyExample">
	<p>font-family 属性设置文本的字体系列</p>
</h1>
<br><br>


<h1 id="fontStyleWithNormalExample">
	<p>字体样式:正常显示文本 -> {font-style:normal;}</p>
</h1>
<br><br>
<h1 id="fontStyleWithItalicExample">
	<p>字体样式:以斜体字显示的文字 -> {font-style:italic;}</p>
</h1>
<br><br>
<h1 id="fontStyleWithObliqueExample">
	<p>字体样式:文字向一边倾斜（和斜体非常类似，但不太支持） -> {font-style: oblique;}</p>
</h1>
<br><br>

<h1 id="fontSizeExample">
	<p>字体大小 -> {font-size: 16px;}</p>
</h1>
<br><br>
<h1 id="fontSizWithEmeExample">
	<p>字体大小 -> {font-size: 2.5em;}</p>
</h1>
<br><br>

</body>
</html>